body.dark-mode {
  background-color: #000000;
  color: #ffffff;
}

body.dark-mode ::selection {
  background: #ff00cc;
  color: #ffffff;
}

body.dark-mode a {
  color: #66ffff;
}

body.dark-mode .section-title,
body.dark-mode .section-subtitle,
body.dark-mode .section-text,
body.dark-mode p,
body.dark-mode span {
  color: #ffffff;
}

body.dark-mode::-webkit-scrollbar-thumb {
  background: #ff00cc;
}





body.dark-mode .navbar {
  background: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(12px);
  box-shadow: 0 10px 20px rgba(255, 0, 221, 0.1);
}

body.dark-mode .nav-item a {
  color: #ffffff;
}

body.dark-mode .nav-item a:hover {
  color: #00ffff;
}

body.dark-mode .nav-toggle-btn {
  background: #ff00cc;
}

body.dark-mode .nav-toggle-btn span {
  background: #ffffff;
}






body.dark-mode .home {
  background-color: #000;
}

body.dark-mode .home::before {
  background: radial-gradient(ellipse at left, rgba(0, 255, 255, 0.3), transparent 70%);
}

body.dark-mode .home::after {
  background: radial-gradient(ellipse at right, rgba(255, 0, 204, 0.2), transparent 70%);
}

body.dark-mode .main-heading {
  color: #ffffff;
}

body.dark-mode .btn-primary,
body.dark-mode .btn-secondary {
  background: #ff00cc;
}

body.dark-mode .btn .square {
  background: #00ffff;
}





body.dark-mode .course,
body.dark-mode .course-card {
  background-color: #0a0a0a;
  color: #ffffff;
}

body.dark-mode .course-card .card-title a {
  color: #ffffff;
}

body.dark-mode .course-card:hover .card-title a {
  color: #00ffff;
}

body.dark-mode .course-card .course-price {
  color: #ff00cc;
}







body.dark-mode .about {
  background-color: #000000;
}

body.dark-mode .about-ul p {
  color: #ffffff;
}

body.dark-mode .about-right .section-title {
  color: #ffffff;
}





body.dark-mode .event {
  background-color: #0a0a0a;
}

body.dark-mode .event-card {
  background-color: #111111;
  border-right: 5px solid #ff00cc;
}

body.dark-mode .event-card .event-name {
  color: #ffffff;
}

body.dark-mode .event-card:hover .event-name {
  color: #00ffff;
}






body.dark-mode .features {
  background-color: #000000;
}

body.dark-mode .features .section-title {
  color: #ffffff;
}

body.dark-mode .features-item .item-title {
  color: #ffffff;
}

body.dark-mode .features-item .item-text {
  color: #cccccc;
}






body.dark-mode .instructor-card {
  background: #121212;
}

body.dark-mode .instructor-name {
  color: #ffffff;
}

body.dark-mode .instructor-card:hover .instructor-name {
  color: #00ffff;
}






body.dark-mode .testimonials {
  background-color: #0a0a0a;
}

body.dark-mode .testimonials-card {
  background-color: #111111;
  color: #ffffff;
}

body.dark-mode .client-detail .client-name {
  color: #ffffff;
}

body.dark-mode .client-detail .client-title {
  color: #ff00cc;
}









body.dark-mode .blog {
  background-color: #000000;
}

body.dark-mode .blog-card {
  background-color: #121212;
}

body.dark-mode .blog-title a {
  color: #ffffff;
}

body.dark-mode .blog-card:hover .blog-title a {
  color: #00ffff;
}










body.dark-mode .contact-card {
  background-color: #111111;
}

body.dark-mode .contact-card h2 {
  color: #ffffff;
}





body.dark-mode footer {
  background-color: #000000;
}

body.dark-mode .footer-text,
body.dark-mode .grid-item .list-item a {
  color: #cccccc;
}

body.dark-mode .grid-item .list-item a:hover {
  color: #00ffff;
}

body.dark-mode .grid-item .send-btn {
  background: #ff00cc;
}

body.dark-mode .send-btn:hover {
  background: #00ffff;
}

body.dark-mode .copyright {
  background: #080808;
  color: #aaaaaa;
}

body.dark-mode .copyright a {
  color: #ff00cc;
}




* {
    transition: background-color 0.4s ease, color 0.4s ease, box-shadow 0.4s ease;
  }